<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="../template/templateSGRUsuario.xhtml">
        <!--<ui:param name="camino" value="."></ui:param>-->
        <ui:define name="index">

            <h:form id="index">
                <article id="content">
                    <div class="slider_bg">
                        <div class="slider">
                            <ul class="items">
                                <li>
                                <h:graphicImage library="theme/images" name="img1.jpg" alt="" class="pic"/>
                                <div class="banner">
                                    <strong>Nuestras<span>Delicias</span></strong>
                                    <b>La mejor cocina </b>
                                    <p>
                                        <span>Lorem ipsum dolamet consectetur<br/>
                                            adipisicing elit, sed do eiusmod tempor aliqua enim ad minim veniam, quis nosinci- didunt ut labore et dolore.</span>
                                    </p>
                                </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                    <div class="wrap">
                        <section class="cols">
                            <div class="box">
                                <div>
                                    <h2>Conoce <span>a Deliccio</span></h2>
                                    <figure><h:graphicImage library="theme/images"  name="page1_img1.jpg" alt="" /></figure>
                                    <p class="pad_bot1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at mattis lorem. Duis ut turpis sed risus lobortis porttitor. Nullam congue mauris at pulvinar interdum. 
                                    </p>
                                </div>
                            </div>
                        </section>
                        <section class="cols pad_left1">
                            <div class="box">
                                <div>
                                    <h2>Sobre <span>el Sitio</span></h2>
                                    <figure><h:graphicImage library="theme/images"  name="page1_img2.jpg" alt="" /></figure>
                                    <p class="pad_bot1">Este sitio fue realizado con <a href="http://blog.templatemonster.com/free-website-templates/" target="_blank">un template gratuito</a> creado por TemplateMonster.com
                                        y desarrollado por  <h:commandLink  value="SGR." id ="sgr"/>
                                     <p:overlayPanel id="overCondiciones" for="sgr" style="width :500px" showEffect="blind" hideEffect="explode" showEvent="mouseover" hideEvent="mousedown"  > 
                                            <h:panelGrid  >
                                                <h4>Sistema de Gestión de Restaurantes</h4>
                                                <h:graphicImage library="theme/images"   width="70px" height="70px" name="LogoSGR_transparente.png" alt="" style="float:left" />                                  
                                                <p> Equipo: Diego Correa - Marcelo González - Lucía Ramos. 
                                                    Año: 2013</p>
                                            </h:panelGrid>
                                        </p:overlayPanel>
                                                Este sitio web esta optimizado para resolución 1024x768.</p>
                                </div>
                            </div>
                        </section>
                        <section class="cols pad_left1">
                            <div class="box">
                                <div>
                                    <h2>Otros <span>Servicios</span></h2>
                                    <figure><h:graphicImage library="theme/images"  name="page1_img3.jpg" alt="" /></figure>
                                    <ul class="list1 pad_bot1" style="margin-left: 20px;">
                                        <li type="disc"><i>Degustaciones</i></li>
                                        <li type="disc"><i>Clases de Cocina</i></li>
                                        <li type="disc"><i>Eventos</i></li>
                                        <li type="disc"><i>Catering</i></li>
                                    </ul>
                                </div>
                            </div>
                        </section>
                    </div>
                </article>
            </h:form>

        </ui:define>    

    </ui:composition>

</html>
